<template>
    <el-main>
        <el-card class="box-card" shadow="never">
            <div class="search-box">
                <el-form :inline="true" :model="searchForm" class="demo-form-inline">
                    <el-form-item label="消息总开关">
                        <el-switch v-model="searchForm.value" class="ml-2"
                            style="--el-switch-on-color: #13ce66; --el-switch-off-color: #ff4949" />
                    </el-form-item>
                </el-form>
            </div>
            <div style="width:100%;height:0;border-bottom:#E4E7ED 1px dashed;margin-bottom: 10px"></div>
            <el-form :inline="true" :model="searchForm" class="demo-form-inline">
                <el-form-item label="新订单提醒"> </el-form-item>
                <el-form-item label="支付成功后提醒"></el-form-item>
                <el-form-item>
                    <el-switch v-model="searchForm.value1" class="ml-2" />
                </el-form-item>
            </el-form>
            <el-form :inline="true" :model="searchForm">
                <el-form-item label="待退款提醒"></el-form-item>
                <el-form-item label="买家发起退款申请后申请"> </el-form-item>
                <el-form-item>
                    <el-switch v-model="searchForm.value2" class="ml-2" />
                </el-form-item>
            </el-form>
        </el-card>
    </el-main>
</template>

<script>

export default {
    name: 'message',
    components: {
    },
    data() {
        return {
            searchForm: {
                value: true,
                value1: true,
                value2: true,
            },

        }
    },
    mounted() {
    },
    methods: {

    }
}
</script>

<style scoped>
.el-button--small {
    padding: 0 !important;
}
</style>
